<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>



<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>注册页面</title>
<link type="text/css" href="<%=basePath %>css/register.css" rel="stylesheet">
</head>
<body>
<h1>注册页面-prototype</h1>
<input type="hidden" id="basePath" value="<%=basePath %>">
<form action="loginApp" method="post">
	<div class="p_first">用户名：
		<input type="text" id="usernameText" name="user.username">
		<span id="nameErrorMessage0" class="errorMessage">此昵称已经存在，换一个</span>
		<span id="nameCorrectMessage0" class="correctMessage">√</span>
		<span id="nameErrorMessage2" class="errorMessage">请填写昵称</span>
	</div>
	<div>密码：
		<input type="password" name="user.password">
		<span id="emailErrorMessage" class="errorMessage">密码不能少于6位</span>
		<span id="psDegree" class="psDegree"></span>
		<span id="psErrorMessage2" class="errorMessage">请填写密码</span>
	</div>
	<div>确认密码：
		<input type="password" name="userPasswordCheck">
	</div>
	<div>性别：
		<label>
			<input type="radio"  id="male"  name="user.gender" value="男生">
			<span style="margin-left:50px;">男生</span>
		</label>
		<label>
			<input type="radio"  id="female"  style="margin-left:70px;" name="user.gender" value="女生">
			<span style="margin-left:25px;">女生</span>
		</label>
	</div>
	<div>现居住地：
        <select id="selProvince" style="width:80px" name="selProvince">
        </select>
        <select id="selCity" name="selCity">
        </select>
        <select id="selArea" name="selArea">
        </select>
        <input type="hidden" id="userAddress" name="user.address">
	</div>
	
	<div>手机号码：
		<input type="text" name="user.phoneNumber">
	</div>
	<div>电子邮箱：
		<input type="text" name="user.email" id="userEmailText">
		<span id="emailErrorMessage" class="errorMessage">请填写正确的邮箱地址</span>
		<span id="emailCorrectMessage" class="correctMessage">我们已经发送了一封邮件到您的邮箱，请进行验证</span>
	</div>
	<div>验证码：
		<input type="text" name="securityCode" id="securityCode">
		<img src="SecurityCodeImageAction" id="securityCodeImg" alt="图片未打卡"/>
		<span id="secutiryCodeCorrect" style="margin-left:290px" class="correctMessage">√</span>
		<span id="secutiryCodeError" style="margin-left:-22px" class="errorMessage">×</span>
	</div>
	<div>服务条款：
		<input type="checkbox" name="agreeUs" id="isAgree">
		<span style="margin-left:25px;">同意</span>
		<a href="" onClick="window.open('<%=basePath %>clause.jsp')">爱国条款</a>
	</div>
	<div>
		<button type="submit">提交</button>
	</div>
	
</form>
</body>
<script type="text/javascript" src="<%=basePath %>js/jquery-2.0.3.js"></script>
<script type="text/javascript" src="<%=basePath %>js/region.js"></script>
<script type="text/javascript" src="<%=basePath %>js/register.js"></script>
</html>